import Vue from "vue";
import "./plugins/axios";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import mavonEditor from "mavon-editor";
import "./assets/css/bttn.css"; //按钮类
import "./assets/css/index.css";
import ElementUI from "element-ui";
import animejs from "animejs";
import "./assets/mo";
import "element-ui/lib/theme-chalk/display.css";
import "element-ui/lib/theme-chalk/index.css";
import "mavon-editor/dist/css/index.css";
import MarkdownItVue from "markdown-it-vue";
import "markdown-it-vue/dist/markdown-it-vue.css";
import hljs from "highlight.js";
import "highlight.js/styles/tomorrow-night-eighties.css";
Vue.directive("highlight", function(el) {
  let blocks = el.querySelectorAll("pre code");
  blocks.forEach((block) => {
    hljs.highlightBlock(block);
  });
});
Vue.use(mavonEditor);
Vue.use(MarkdownItVue);
Vue.prototype.$anime = animejs;
Vue.use(ElementUI);
Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
